<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>外边距垂直</title>
<style>
/* 使用问题3：垂直外边距合并,parent与child中间的外边距值是   50px
	         以最大的数值为准【涉及规则】
	  推荐：平行元素--通过边框查看是否存在垂直外边距，存在，去掉一个外边距，数值累积
	  建议：内边距撑大
	使用问题4：垂直外边距 ，html (child)div与元素放入(parent)div
		                  css：#child 宽高 100px
						  #child以及#parent margin-top:30px;
		建议：嵌套元素--通过设置父级透明边框，子元素套父元素中
		推荐：overflow:hidden;设置父级直接嵌套子集元素
*/
	#parent{
	width: 300px;
	height: 300px;
	background: #ee9ae7;
	margin-bottom: 140px;
	overflow: hidden;
	bor der: 1px solid transparent;
	}
	#child{
	margin-top: 30px;
	width: 100px;
	height: 100px;
	background: #83d2ee;
	}
</style>
</head>
<body>
	<div id="parent">
	<div id="child"></div>
	</div>	
	</body>
</html>